/**
 * Created by bgy on 2016/12/5.
 * 选择水果
 */
import React from 'react';
import {Link} from 'react-router';

import HeaderTitle from '../../components/common/HeaderTitle';
var fruits = [
  {
    fc: '苹果', fs: [
    {id: 'p1', name: '烟台红富士'},
    {id: 'p2', name: '烟台红富士'},
  ]
  },
  {
    fc: '西瓜', fs: [
    {id: 'x1', name: '烟台红富士'},
    {id: 'x2', name: '烟台红富士'},
  ]
  },
  {
    fc: '草莓', fs: [
    {id: 'c1', name: '草莓1'},
    {id: 'c2', name: '草莓2'},
  ]
  },
];
class SelectFruit extends React.Component {
  render() {
    return (
      <div className="selectFruit">
        <HeaderTitle title="选择水果"/>
        <div className="searchbox">
          <input type="search" className="search-input" placeholder="请输入水果关键词"/><span className="search-span">搜索</span>
        </div>
        <div className="form-item">
          <label htmlFor="">水果名称</label>
          <Link to=""><img className="pull-down-pic" src="images/u353.png"/></Link>
        </div>
        <button className="button button-pill button-primary btn-green btn-long" onClick={this.handlerClick} ref="loginBtn">确认</button>
      </div>
    )
  }
}
export default SelectFruit;
